<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // var lives=100;
        // const cat={
        //     lives:9,
        //     // jumps:()=>{
        //         // return this.lives--;//100
        //     // }
        //     jumps:function(){
        //         return this.lives--//9
        //     }
        // }
        // console.log(cat.jumps());


        // var age=10;
        // let obj={
        //     age:20,
        //     info:function(){
        //         return ()=>{
        //             console.log(this.age);
        //             console.log(this);
        //         }
        //     }
        // }
        // let info=obj.info()
        // info()

        // let person={
        //     age:30
        // }
        // let info2=obj.info.call(person)
        // info2()


        // function foo(){
        //     id:80
        //     setTimeout(()=>{
        //         console.log("id",this.id);
        //         console.log(this);
        //     },100)
        // }
        // var id=100;
        // foo({id:50})
        // foo.bind({id:40})(this)


        var obj = {
    name: '1',
    getName: function (params) {
        console.log(this.name)
    }
};
obj.getName();

var getName2 = obj.getName;
getName2();
  </script>
</body>
</html>